.content {
  @apply flex items-center justify-center;


  .bg {
    @apply relative;
    width: 22.875rem;
    height: 24.5rem;
    background-image: url('/images/active-bg.webp');
    background-size: 100% 100%;

    .title {
      @apply absolute left-2/4 font-black text-white whitespace-nowrap;
      transform: translateX(-50%);
      font-family: Alibaba PuHuiTi 2.0;
      font-size: 1.875rem;
      line-height: 1.875rem;
      bottom: 10.75rem;
    }
    .tips{
      @apply absolute left-2/4 text-white whitespace-nowrap text-lg ;
      transform: translateX(-50%);
      line-height: 1.125rem;
      font-family: Alibaba PuHuiTi 2.0;
      bottom: 8.375rem;
    }
    .sureBtn {
      @apply absolute left-2/4 overflow-hidden text-2xl bottom-10 font-semibold;
      transform: translateX(-50%);
      border-radius: 2.5rem;
      background: linear-gradient(180deg, #ffddad 0%, #fba951 100%);
      font-family: Alibaba PuHuiTi 2;
      color: #c61800;
      width: 15.5rem;
      height: 4rem;

      &::after {
        @apply absolute w-full h-full left-0 top-0 bg-transparent;
        border: 4.46px solid;
        border-image: linear-gradient(180deg, #fce8cd 0%, #f7bc7c 100%) 4.46;
        content: '';
      }
    }
  }
}

@media screen and (max-width: 676px) {
  .content {
    .bg {
      width:16.5625rem;
      height:17.5rem;   
      
      .title {
        font-size: 1.375rem;
        line-height: 1.375rem;
        bottom: 8.125rem;
      }
      .tips{
        @apply text-sm leading-4 ;
        bottom: 6.625rem;
      }

      .sureBtn{
        @apply text-lg ;
        width:10.9375rem;
        height:2.8125rem;
        bottom:1.875rem;
      }
    }
  }
}